<div class='modal-body-spec'>
	<nz-card nzBordered='false'>
		<nz-table #basicTable [nzBordered]='true' [nzFrontPagination]='false' [nzShowPagination]='false' [nzData]='modalData' [nzSize]="'small'" [nzScroll]="{ y: '400px' }">
			<thead>
			<tr>
				<th>名称</th>
				<th>列表宽度（px）</th>
				<th>展示/冻结</th>
			</tr>
			</thead>
			<tbody>
			<ng-container *ngFor='let data of basicTable.data;'>
				<ng-container *ngIf='!data.children'>
					<tr>
						<td>{{ data.title }}</td>
						<td>
							<nz-input-number [disabled]='!data.allowHid' [nzPrecision]='2' [(ngModel)]='data.width' [nzMin]='60' [nzMax]='300' [nzStep]='1'></nz-input-number>
						</td>
						<td>
							<nz-switch [disabled]='!data.allowHid' [(ngModel)]='data.checked'></nz-switch>
						</td>
					</tr>
				</ng-container>
				<ng-container *ngIf='data.children'>
					<tr *ngFor='let d2 of data.children'>
						<td>{{ data.title + ' - ' + d2.title }}</td>
						<td>
							<nz-input-number [disabled]='!d2.allowHid' [nzPrecision]='2' [(ngModel)]='d2.width' [nzMin]='60' [nzMax]='300' [nzStep]='1'></nz-input-number>
						</td>
						<td>
							<nz-switch [disabled]='!d2.allowHid' [(ngModel)]='d2.checked'></nz-switch>
						</td>
					</tr>
				</ng-container>
			</ng-container>
			</tbody>
		</nz-table>
	</nz-card>
	<div class='modal-footer'>
		<button nz-button type='button' (click)='close()'>关闭</button>
		<button nz-button type='submit' nzType='primary' (click)='saveAndClose()'>保存</button>
	</div>
</div>
